<!--
 * @Author: your name
 * @Date: 2020-12-30 13:56:26
 * @LastEditTime: 2020-12-30 14:47:07
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \basiccss\data\shujutaible.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据表格</title>
    <style>
        table,td{
            border: none;
            font-size: 14px;
            border-collapse: collapse;
            text-align: center;
        }
        table td{
            border-top: 1px solid #cccccc;
            padding: 10px;
        }
        table tr:last-child{
            border-bottom: 1px solid #cccccc;
        }
        table tr:hover{
            background: #dddddd;
            cursor: pointer;
        }
        /*
        //表格样式库地址：https://getbootstrap.com/docs/4.1/content/tables/
        */
    </style>
</head>
<body>
    <table border="1">
       <thead>
           <tr>
               <td>编号</td>
               <td>标题</td>
               <td>网址</td>
           </tr>
       </thead>
       <tbody>
           <tr>
               <td>1</td>
               <td>在线社区</td>
               <td>houdunren.com</td>
           </tr>
           <tr>
               <td>2</td>
               <td>开源系统</td>
               <td>houdunren.com</td>
           </tr>
           <tr>
               <td>3</td>
               <td>开发实战</td>
               <td>houdunrewang.com</td>
           </tr>
       </tbody>
    </table>
</body>
</html>
